
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}

body{
	background: #f2f2f2;
}

.fangshi{
	.px2rem(padding-top,90);
	.total{
		.px2rem(fong-size,22);
		color: #ababab;
		.px2rem(padding,8);
		.px2rem(padding-left,20);
	}
	.shock{
		display: flex;
		justify-content: space-between;
		.px2rem(padding,25);
		.px2rem(padding-left,20);
		.px2rem(padding-right,20);
		border-bottom: 1px solid #e2e2e2;
		background: #fff;
		p{
			.px2rem(font-size,26);
		}
		.ipt1{
            -webkit-appearance: none;
            .px2rem(width,80);
            .px2rem(height,36);
            border-radius: 15px;
            background: #d3d3d3;
            position: relative;
            outline: none;
        }
        .ipt1:checked{
			background: #6edbd5;
        }
        .ipt1::before{
            content: "";
            .px2rem(width,35);
            .px2rem(height,35);
            background: #fff;
            border: 1px solid #c6c7c7;
            border-radius: 50%;
            position: absolute;
            .px2rem(top,-1);
            .px2rem(left,-2);
            transition: all 0.2s ease;
        }
        .ipt1:checked::before{
            transform: translateX(115%);
            transition: all 0.2s ease;
        }
	}
	.voice{
		display: flex;
		justify-content: space-between;
		.px2rem(padding,25);
		.px2rem(padding-left,20);
		.px2rem(padding-right,20);
		border-bottom: 1px solid #e2e2e2;
		background: #fff;
		p{
			.px2rem(font-size,26);
		}
		.ipt1{
            -webkit-appearance: none;
            .px2rem(width,80);
            .px2rem(height,36);
            border-radius: 15px;
            background: #d3d3d3;
            position: relative;
            outline: none;
        }
        .ipt1:checked{
			background: #6edbd5;
        }
        .ipt1::before{
            content: "";
            .px2rem(width,35);
            .px2rem(height,35);
            background: #fff;
            border: 1px solid #c6c7c7;
            border-radius: 50%;
            position: absolute;
            .px2rem(top,-1);
            .px2rem(left,-2);
            transition: all 0.2s ease;
        }
        .ipt1:checked::before{
            transform: translateX(115%);
            transition: all 0.2s ease;
        }
	}
}

.shijian{
	.total{
		.px2rem(fong-size,22);
		color: #ababab;
		.px2rem(padding,8);
		.px2rem(padding-left,20);
	}
	.hotel{
		display: flex;
		justify-content: space-between;
		.px2rem(padding,25);
		.px2rem(padding-left,20);
		.px2rem(padding-right,20);
		border-bottom: 1px solid #e2e2e2;
		p{
			.px2rem(font-size,26);
			.px2rem(padding-left,90);
		}
		.ipt1{
            -webkit-appearance: none;
            .px2rem(width,80);
            .px2rem(height,36);
            border-radius: 15px;
            background: #d3d3d3;
            position: relative;
            outline: none;
        }
        .ipt1:checked{
			background: #6edbd5;
        }
        .ipt1::before{
            content: "";
            .px2rem(width,35);
            .px2rem(height,35);
            background: #fff;
            border: 1px solid #c6c7c7;
            border-radius: 50%;
            position: absolute;
            .px2rem(top,-1);
            .px2rem(left,-2);
            transition: all 0.2s ease;
        }
        .ipt1:checked::before{
            transform: translateX(115%);
            transition: all 0.2s ease;
        }
	}
	.hotels{
		background: #fff url(../images/hotel.png) no-repeat 10px center;
		background-size: 10%;
	}
	.kuaidi{
		background: #fff url(../images/kuaidi.png) no-repeat 10px center;
		background-size: 10%;
	}
	.film{
		background: #fff url(../images/film.png) no-repeat 10px center;
		background-size: 10%;
	}
	.weizhang{
		background: #fff url(../images/weizhang.png) no-repeat 10px center;
		background-size: 10%;
	}
	.train{
		background: #fff url(../images/train.png) no-repeat 10px center;
		background-size: 10%;
	}
	.birth{
		background: #fff url(../images/birth.png) no-repeat 10px center;
		background-size: 10%;
	}
	.weather{
		background: #fff url(../images/film.png) no-repeat 10px center;
		background-size: 10%;
	}
	.nearby{
		background: #fff url(../images/kuaidi.png) no-repeat 10px center;
		background-size: 10%;
	}
	.fancheng{
		background: #fff url(../images/hotel.png) no-repeat 10px center;
		background-size: 10%;
	}
}